<template>
  <div>
    <login />
    <transition 
    enter-active-class="animate__animated animate__backInLeft"
    leave-active-class="animate__animated animate__backInRight"
    mode="out-in"
    >
    <div class="pwd">
      <van-field v-model="text" label="账号" maxlength="15" placeholder="请输入账号"/>
      <van-field v-model="password" type="password" label="密码" maxlength="15" placeholder="请输入密码"/>
    </div>
    </transition>
  </div>
</template>

<script>
import Vue from 'vue'
import login from "./login";
import { Field } from "vant";

Vue.use(Field);
export default {
  components: {
    login: login
  },
  data() {
    return {
      text: '',
      password:'',
    }
  },
};
</script>

<style scoped>
.pwd {
  position: absolute;
  top: 40%;
}
</style>